<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/index.css">
<title>群 组</title>
</head>
<!--头部 -->
<%@include file="head.jsp"%>

<!--main -->
<div class="luntan_13_top">
	<img src="imges/bj2.png">
</div>

<!--main -->
<div class="qunzu3">
	<div class="fenlei_top" style="width: 960px; margin: 0 auto">
		<img src="imges/home.png">&nbsp;>&nbsp;
		<a href="#">群组</a>
	</div>
	<div class="qunzu_jiaodian">
		<div class="qunzu_jiaodian_top">
			<div class="qz_top_left">
				<span style="border-left: 5px solid #ff6600; padding-left: 5px;">群组焦点</span>
			</div>
			<div class="qz_top_right">
				<a href="groupController.do?mygroup" style="color: #0090ee;">我的群组</a>
			</div>
		</div>
		<div class="qz_jd_con">
			<div class="qz_jd_con_l">
				<div>
					<img src="imges/jiayuan/tu.png">
				</div>
				<div style="width: 340px; margin: 0 auto;">
					<p style="font-size: 16px; color: #000">【交通广播 - 陈义承之乐活新主张】</p>
					<span> 厦门交通广播微博机构认证：#乐活新主张#【通过姓名和生日，能知道你的运势哦】今日特邀@鸿名...........</span>
					<div class="fenlei_san" style="border: none; padding-top: 10px; margin: 0 auto;">
						<div>
							<a href="#" style="color: #0090ee">45</a>
							<span>回复</span>
						</div>
						<div style="border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0px 10px; margin: 0px 8px;">
							<a href="#" style="color: #0090ee">377</a>
							<span>查看</span>
						</div>
						<div>
							<a href="#" style="color: #0090ee">7</a>
							<span>已收藏</span>
						</div>
					</div>
				</div>
			</div>
			<div class="qz_jd_con_r" style="padding-top:10px;">
				<ul>
					<c:forEach items="${groupArticle}" var="item" varStatus="status">
						<li>
							<div class="qz_jd_con_r_t2">${ status.index + 1}.</div>
							<span style="float: left"><a  style="color:#666" href="groupController.do?thread&ard=${item.id }">${item.title }</a></span> <span style="float: right; margin-right: 10px;">${item.create_date }</span>
						</li>
					</c:forEach>
				</ul>
			</div>
		</div>
	</div>
	<div class="tuijian_qunzu">
		<div class="qunzu_jiaodian_top">
			<div class="qz_top_left">
				<span style="border-left: 5px solid #ff6600; padding-left: 5px;">推荐群组</span>
			</div>
		</div>
		<c:forEach items="${groupList}" var="item" begin="0" end="5">
			<div class="qunzu_jiaodian1">
				<dl class="xld">
					<dd class="m">
						<a href="">
							<img src="imges/jiayuan/t1.png">
						</a>
					</dd> 
					<dd style="color: #000">【${item.groupName}】</dd>
					<dd class="xg1"> ${item.groupMemo}
						<!-- 
						<c:choose>
							<c:when test="${fn:length(item.groupMemo)>95}">
								${fn:substring(item.groupMemo, 0, 95)}
							</c:when>
							<c:otherwise>
								${item.groupMemo}
							</c:otherwise>
						 </c:choose> -->
					</dd>
				</dl>
			</div>
		</c:forEach> 
	</div>

	<div class="qunzu_fenlei">
		<div class="qunzu_jiaodian_top">
			<div class="qz_top_left">
				<span style="border-left: 5px solid #ff6600; padding-left: 5px;">群组分类</span>
			</div>
		</div>
		<div class="bm_c">
			<c:forEach items="${groupClassList}" var="item"> 
				<dl class="mbm pbm">
					<dt class="pbn">
						<span class="y xi2" style="font-size: 10px;"> 
							<c:forEach items="${item.children}" var="item2"> 
								<a href="groupController.do?groupList&gid=${item2.id }">${item2.groupName}</a> 
							</c:forEach>
							<a href="">更多>></a></span> 
							<strong class="xs2" style="margin-left: 15px; color: #000"><a href="groupController.do?groupList&gid=${item.id }" style="color:#000;">${item.groupName }</a><label style="color:#999;">(${item.groupAccount })</label></strong>
					</dt>
				</dl>
				<div class="qunzu_fenlei_ul" style="font-size: 12px;">
					<ul>  
						<c:forEach items="${item.children}" var="item3"> 
							<c:forEach items="${groupList}" var="group"> 
								<c:if test="${group.groupClassId eq item3.id }">
									<li><a href="groupController.do?groupDetail&sid=${group.id }">${group.groupName }</a></li>
								</c:if>
							</c:forEach>
						</c:forEach>
					</ul>
				</div>
			</c:forEach> 
		</div>
	</div>

	<div class="qunzu_fenlei" style="height: 340px">
		<div class="qunzu_jiaodian_top">
			<div class="qz_top_left">
				<span style="border-left: 5px solid #ff6600; padding-left: 5px;">创建群组步骤</span>
			</div>
		</div>
		<div class="qunzu_fenlei_c">
			<div class="qunzu_fenlei_c1">
				<img src="imges/jiayuan/bu1.png"><br> <span>创建群组</span><br> <span>创建自己的地盘</span>
			</div>
			<div class="qunzu_fenlei_c1">
				<img src="imges/jiayuan/bu2.png"><br> <span>个性设置</span><br> <span>精心打造群组空间</span>
			</div>
			<div class="qunzu_fenlei_c1">
				<img src="imges/jiayuan/bu3.png"><br> <span>邀请好友</span><br> <span>邀请好友加入我的群组</span>
			</div>
			<div class="qunzu_fenlei_c1">
				<img src="imges/jiayuan/bu4.png"><br> <span>群组升级</span><br> <span>群组积分升级赢得社区推荐</span>
			</div>
		</div>
		<div style="margin-left: 15px;">
			<img src="imges/jiayuan/qun1.png">
		</div>
	</div>
	<div class="qunzu_fenlei" style="height: auto;">
		<div class="qunzu_jiaodian_top">
			<div class="qz_top_left">
				<span style="border-left: 5px solid #ff6600; padding-left: 5px;">群组积分排行</span>
			</div>
		</div>
		<div class="qunzu_paihanga">
			<ul>
				<c:forEach items="${groupJfList}" var="jf" begin="0" end="3" varStatus="status"> 
					<li><span style="float: left">NO.${ status.index + 1} &nbsp;
					<a href="groupController.do?groupDetail&sid=${jf.id }" style="color:#666;">${jf.groupName }</a></span> <span style="float: right">${jf.groupIntegral }</span></li>
				</c:forEach>
			</ul>
		</div>
		<div class="qunzu_paihang2a"></div>
		<div class="qunzu_paihang1a">
			<ul> 
				<c:forEach items="${groupJfList}" var="jf" begin="4" end="7" varStatus="status"> 
					<li><span style="float: left">NO.${ status.index + 1} &nbsp;
						<a href="groupController.do?groupDetail&sid=${jf.id }" style="color:#666;">${jf.groupName }</a></span> <span style="float: right">${jf.groupIntegral }</span></li>
				</c:forEach>
			</ul>
		</div>
		<div style="clear: both"></div>
	</div>

	<div style="clear: both"></div>
</div>


<!--foot -->
<%@include file="foot.jsp"%>

</body>
</html>